<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title data-localize="master_onlinelab"></title>
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<link rel="stylesheet" href="./style/page.css" >
	<link rel="stylesheet" href="./style/lessonLearn.css">
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<script type="text/javascript">
		var Role= '<%=session.getAttribute("password") %>';
		var User= '<%=session.getAttribute("username")%>';
		var UserID= '<%=session.getAttribute("userid")%>';

		if(UserID=="null"||UserID==undefined||UserID==null){
			 document.getElementsByTagName("body")[0].innerHTML="";
		}
	</script>
    </head>
<body>
<%@ include file="head.jsp"%>
<div id="container" class="container">

            <div class="media">
                <a class="media-left" href="#">
                <img src=""  class="lessonimg" id="lessonImg">
                </a>
                <div class="media-body">
                <h3 class="media-heading lessonTitle" id="lessonTitle"></h3>
                   <p class="lessontxt" id="lessonContent"></p>
                    <a role="button" class="btn applyBtn displaynone" data-localize="ms_upHomework" href="uploadhwk" target="_blank"></a>
					<a role="button" id="exm_yes" class="btn mapBtn" data-localize="nv_exm_yes" onclick="examineLesson(2)" ></a>
					<a role="button" id="exm_no" class="btn applyBtn" data-localize="nv_exm_no" style="margin-left: 20px" onclick="examineLesson(5)" ></a>
				
                    <p class="pici"><span  data-localize="ms_pici"></span><span id="lessonPhase">：</span></p>
                    <p class="pici" ><span data-localize="nav_teacher"></span><span id="lessonTeacherName">：</span></p>
					 <p class="pici" ><span data-localize="ol_status"></span><span id="lessonStatus">：</span></p>
                </div>
            </div>
            <div class="centerinfo">
             <ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active">
					<a data-toggle="tab" href="#lab" data-localize="labMg_labContent"></a>
				</li>
				<li role="presentation" class="displaynone">
					<a data-toggle="tab" href="#stand" data-localize="ms_stand"></a>
				</li>
				<li role="presentation" class="displaynone">
					<a data-toggle="tab" href="#talk" data-localize="ms_talk"></a>
				</li>
			</ul>
<div class="tab-content">
	<div role="tabpanel" class="tab-pane active" id="lab">
		  <ul class="media-list" id="lessonLabsUl">
                        <li class="media">
							<h4>实验一</h4>
							<p>大数据领域三个大的技术方向：方向一、Hadoop大数据开发方向 ; 方向二、数据挖掘、数据分析&机器学习方向 ; 方向三、大数据运维&云计算方向 。精通任何方向之一者，均会 “ 前（钱）”途无量，而需要说明的，三个方向中，数据挖掘、数据分析&机器学习 是大数据催生新兴职业 数据分析师成IT界“大熊猫”

							</p>
							<table  class="table table-hover table-bordered  tabstyle">
								<thead>
								<tr>
									<th data-localize="lab_labdata"></th>
									<th data-localize="lab_labmethd"></th>
								</tr>
								</thead>
								<tbody id="lesson1_tbody"   class="itemTbody">

									<tr>
										<td><a  role="button" class="btn btn-link" href="">数据一</a><span>/</span><a  role="button" class="btn btn-link" href="">数据二</a></td>
										<td><a  role="button" class="btn btn-link" href="">文档一</a><span>/</span><a  role="button" class="btn btn-link" href="">文档二</a></td>
									</tr>

								</tbody>
							</table>

						</li>
                        <li class="media"><h4>实验二</h4><p>大数据领域三个大的技术方向：方向一、Hadoop大数据开发方向 ; 方向二、数据挖掘、数据分析&机器学习方向 ; 方向三、大数据运维&云计算方向 。精通任何方向之一者，均会 “ 前（钱）”途无量，而需要说明的，三个方向中，数据挖掘、数据分析&机器学习 是大数据催生新兴职业 数据分析师成IT界“大熊猫”</p></li>
                        <li class="media"><h4>实验三</h4><p>大数据领域三个大的技术方向：方向一、Hadoop大数据开发方向 ; 方向二、数据挖掘、数据分析&机器学习方向 ; 方向三、大数据运维&云计算方向 。精通任何方向之一者，均会 “ 前（钱）”途无量，而需要说明的，三个方向中，数据挖掘、数据分析&机器学习 是大数据催生新兴职业 数据分析师成IT界“大熊猫”</p></li>
          </ul>
	</div>
	<div role="tabpanel" class="tab-pane " id="stand">
		<p>（1）正确实现插入地图，无bug；</p>
		<p>（2）能熟悉基本浏览功能；</p>
		<p>（3）提交结果截图文档。</p>
	</div>
	<div role="tabpanel" class="tab-pane " id="talk">
			<h5>	<code>李四:</code>这个老师讲课好生动的</h5>
			<h5>	<code>王五:</code>实验一第三步怎么做啊</h5>
			<h5>	<code>赵六:</code>谁已经提交作业了</h5>
			<h5>	<code>许七:</code>666666</h5>
			<h5>	<code>宋八:</code>作业好多啊写不完</h5>
			<h5>	<code>孙九:</code>呵呵</h5>
	</div>
</div>

 </div>


</div>
<script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="script/jquery.i18n.properties.min.js"></script>
<script src="script/jquery.i18n.init.js"></script>
<script src="script/layerui/layer.js"></script>
<script src="script/examine.js"></script>
    </body>
</html>